/*
 * =============================================
 * ABOUT / #Profile セクションに特化したスタイル (ライン修正・最終版)
 * =============================================
 */

/* -------------------- ユーティリティ/共通スタイル -------------------- */

.fa-solid.orange-gradient {
  margin-right: 5px;
}

/* -------------------- #Profile セクション全体の設定 -------------------- */

#Profile {
  padding-top: 50px;
  padding-bottom: 50px;
  margin: auto;
}

/* コンテンツエリアの枠線設定 (背景色削除・文字色白に対応) */
.profile-main {
  /* 背景色を削除 */
  background-color: transparent;
  border-radius: 12px;
  /* 枠線は維持 (白) */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid #fff;
  padding: 30px 40px 40px 40px;
  position: static;
  margin: 40px auto 40px;
}

/* HTMLのスペーサー <div class="spacer-150..."></div> に対応する調整 */
#Profile .about .spacer-150 {
  /* 見出し後の高さ調整 */
  height: 40px;
}

/* -------------------- テキストと要素のスタイル（文字色とサイズ） -------------------- */

/* ※ タイトル (h4.purple-gradient) は元の設定を維持するため、ここでのカスタムは行いません。 */

/* キャッチコピー（profile_slogan） */
#Profile .profile_slogan p {
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  margin-bottom: 30px;
  line-height: 1.5;
}

/* Sweet/Sexy/Straight のアイコン付きリスト部分 */
#Profile p i.fa-solid {
  font-size: 1.5em;
  vertical-align: middle;
}

#Profile p {
  /* サイズと行間を調整 */
  font-size: 1.7em;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.8;
}

/* メインの説明文（profile_maintext） */
#Profile .profile_maintext {
  font-size: 1.7em;
  line-height: 1.7;
  color: #fff;
  margin-bottom: 20px;
}

/* 来歴 (【来歴】) の見出しフォントサイズを大きく */
#Profile p.profile_maintext:last-of-type {
  font-weight: bold;
  color: #fff;
  font-size: 2.5em;
  margin-top: 40px;
}

/* 来歴のリスト（ul.profile_maintext） */
#Profile ul.profile_maintext {
  list-style-type: none;
  padding-left: 25px;
  border-left: 5px solid #ff8c00;
}

/* リストのフォントサイズを小さく */
#Profile ul.profile_maintext li {
  font-size: 1.1em;
  line-height: 1.6;
  margin-bottom: 15px;
  position: relative;
  color: #fff;
}

/* リストのマーカーの色は元のまま (紫) */
#Profile ul.profile_maintext li::before {
  content: "\2022";
  color: #8a2be2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* -------------------- レスポンシブ対応の調整 -------------------- */

@media (max-width: 768px) {
  /* モバイル用の #Profile .about から背景色を削除 */
  #Profile .about {
    padding: 20px;
    background-color: transparent;
  }

  /* モバイルでの Sweet/Sexy/Straight の行間を調整 */
  #Profile p {
    line-height: 1.6;
  }

  #Profile .profile_slogan {
    font-size: 1.8em;
  }

  /* モバイルでのリストサイズをさらに小さく */
  #Profile ul.profile_maintext li {
    font-size: 1em;
  }

  /* モバイルでのメインテキスト、pタグのサイズ */
  #Profile .profile_maintext,
  #Profile p {
    font-size: 1.1em;
  }
}